<script setup lang="ts"> 
import {defineProps} from 'vue';
defineProps(['name'])
</script>

<template> 
    <div class="box"> 
        <div>
            <van-icon name="info-o" />
        </div>
        <div class="name"> 
            {{name}}
        </div>
    </div>
</template>
<style scoped lang="scss"> 
.box{
    display: flex;
    align-items: center;
    color: rgba(24, 144, 255, 1);
    font-size: 14px;
    margin:15px 0 10px 0;
    .name{
        position: relative;
        padding-left: 10px;
        &::before{
            content:"";
            position: absolute;
            left:4px;
            width:1px;
            
            background:#D2D2D2;
            top: 5px;
            bottom: 4px;
        }
     }
    i{
        font-size: 18px;
    }
    
}

</style>